<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .sidebar {
        background-color: #f8f8f8;
        border-right: 1px solid #e7e7e7;
        height: 100%;
    }

    .sidebar .nav-sidebar > li > a {
        color: #333;
        padding: 10px 15px;
        display: block;
        font-size: 16px;
        font-weight: 500;
    }

    .sidebar .nav-sidebar > li.active > a,
    .sidebar .nav-sidebar > li.active > a:hover,
    .sidebar .nav-sidebar > li.active > a:focus {
        background-color: #e7e7e7;
        color: #333;
    }

    .main {
        padding: 20px;
    }
</style>
<body>
<div class="col-sm-3 col-md-2 sidebar">
    <ul class="nav nav-sidebar">
        <li><a href="{% url 'manage' %}">用户数据管理</a></li>
        <li><a href="{% url 'data_manage' %}">作物数据详情</a></li>
        <li><a href="{% url 'search_web' %}">数据分析报告</a></li>
    </ul>
</div>
</body>
</html>